<template>
  <div class='container'>
    <div class="m-20-t">
      <div class='app-row'>
        <span class="title bold width-100 align-right">名称:</span>
        <el-input class='flex-1' v-model="name_value"></el-input>
      </div>
      <div class='annotation m-10-t m-114-l'>
        <span>* 请填写角色名称</span>
      </div>
    </div>


    <div class="app-row j-c-c m-100-t">
      <el-button type="success" @click="add_button">确认添加</el-button>
    </div>

  </div>
</template>

<script>
  import role_request from "@/api/role_request"
  export default {
    name: 'role_add',
    data() {
      return {
        name_value: ""
    }
    },
    created() {
  
    },
    mounted() {
  
    },
    methods: {
      add_button() {
        let params = {
          name: this.name_value,
        }
        role_request.add_role(params, res=> {
          this.$router.push('/system/role')
        })
      },
      choose_goods() {
        this.choose_dialog = true
      },
      confirm_button() {
        this.choose_dialog = false
        this.setting_goods = true
      }

    }
  }
</script>

<style scoped>
@import "~@/styles/layout.scss";
</style>